/* INDOHP.COM BLOGGER THEME */
body {
background:#1E3062;
margin:0;
color:#000;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:#1E3062;
text-decoration:none;
}

a:hover {
color:#000;
}
a img {
border-width:0;
}
/* Header */
#header-wrapper {
margin:0 auto 10px;
border:1px solid #ccc;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

/* Outer-Wrapper */
#outer-wrapper {
width: 890px;
margin:0 auto;
padding:3px 10px;
text-align:left;
font: normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
background:#fff;
}
#main-wrapper {
width: 540px;
float: left;
word-wrap: break-word;
overflow: hidden;
text-align:justify;
color:#000;
}
#sidebar-wrapper {
width: 320px;
float: right;
word-wrap: break-word; 
overflow: hidden;
color:#000;
}
#crosscol-wrapper{background:#1E3062;padding:5px}
#crosscol{padding:0; margin:0}
#crosscol ul{list-style:none; padding:0; margin:0}
#crosscol li{list-style:none; padding:2px 0; margin:0; display:inline}
#crosscol li a{padding:0 10px 0 5px; margin:0; color:#fff; font-weight:bold; text-decoration:none}
#crosscol li a:hover{color:#000}

/* Posts */
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
border-bottom:1px dotted #ccc;
}
.post h3, .post h2, .post h1 {
margin:10px 0px 10px;
padding:0;
font-size:120%;
font-weight:normal;
line-height:1.2em;
color:#1E3062;
}
.post h3 a,.post h2 a,.post h1 a {
display:block;
text-decoration:none;
color:#1E3062;
font-weight:bold;
}
.post h3 strong, .post h3 a:hover {
color:#000;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;  
}
.post-footer {
margin: .75em 0;
color:#000;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;
}
.comment-link {
margin-left:.6em;
}
.post img, table.tr-caption-container {
padding:4px;

}
.tr-caption-container img {
border: none;
padding: 0;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #000;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {   
text-align: center; 
}
/* Sidebar Content */
.sidebar { 
color: #000;
line-height: 1.5em;
}
.sidebar h3{background:#1E3062;color:#fff;padding:5px}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding:00 5px 5px;
line-height:1em;
}
.sidebar .widget, .main .widget { 
border-bottom:1px dotted #ccc;
}
.main .Blog { 
border-bottom-width: 0;
}
/* Profile */
.profile-img { 
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #ccc;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #000;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock { 
margin:.5em 0 .5em;
}
.profile-textblock { 
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link { 
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer */
#footer {
width:100%;
clear:both;
margin:0 auto;
padding:3px;
text-align: center;
background:#1E3062;
color :#fff;
}

#footer a{color:#fff}

.post-thumbnail {
display:block;
float:left;
margin:.2em 1em 0 0;
}

.indohpcom {display:none}

#related_posts {}
.related_info {margin:10px 0px 10px;
padding:0;
font-size:120%;
font-weight:normal;
line-height:1.2em;
color:#1E3062;}
#relpost_img_sum{line-height:16px;margin:0;padding:0}
#relpost_img_sum:hover{background:none}
#relpost_img_sum ul{list-style-type:none;margin:0;padding:0}
#relpost_img_sum li{border:1px solid #F4F3F3;background:#eee;list-style:none;margin:0 0 5px;padding:5px}
#relpost_img_sum .news-title{display:block;font-weight:700!important}
#relpost_img_sum .news-text{display:block;text-align:justify;font-weight:400;text-transform:none;color:#333}
#relpost_img_sum img{float:left;margin-right:14px;border:solid 1px #ccc;width:50px;height:50px;background:#fff;padding:4px}


.share{float:left;margin:10px 0;} .share a{color: #FFF; text-decoration:none;}.sharepost{font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold;line-height: 20px; margin-right:15px;} .shareFB{color: #fff; background: #3b5998; border: 1px solid #313c7d; padding: 3px; border-radius: 3px;font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold;line-height: 20px; margin-right:15px;} .shareTwitter{color: #fff; background: #4099FF; border: 1px solid #3a8be8; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 20px; margin-right:15px;} .shareGooglePlus{color: #fff; background: #c0361a; border: 1px solid #9c2c15; padding: 3px; border-radius: 3px; font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold; line-height: 20px;} 
.shareFB:hover, .shareGooglePlus:hover,.shareTwitter:hover{background: #000}

.showpageArea {color:#000;font-size:11px;margin:10px;} .showpageArea a {color:#000;text-shadow:0 1px 2px #fff;font-weight:700} .showpageNum a {padding:1px 5px;margin:0 4px;background:#eee;text-decoration:none} .showpageNum a:hover, .showpage:hover {background:#ddd;background:linear-gradient(bottom, #ccc, #eee);background:-moz-linear-gradient(bottom, #ccc, #eee);background:-webkit-linear-gradient(bottom, #ccc, #eee);} .showpageOf, .showpage {padding:1px 5px;margin:0 4px;display:none;border:1px solid #888;background:#f5f5f5;} .showpagePoint {padding:1px 5px;margin: 0 4px;font-weight:700;background:#808080;background:linear-gradient(bottom, #ccc, #eee);background:-moz-linear-gradient(bottom, #ccc, #eee);background:-webkit-linear-gradient(bottom, #ccc, #eee);}

img, iframe, embed, object{width: auto; max-width: 100%;}

.breadcrumbs a{color:#1E3062; text-decoration:none;}
.breadcrumbs a:hover{color:#fff}
.breadcrumbs{padding:0; margin:0; font-size:10px; color:#000;background:#ccc}

/* responsive */
@media screen and (max-width:800px) {
#outer-wrapper{width: 100%;margin:0px;padding:0px}
#header-wrapper{margin:0px;padding:0px}
#main-wrapper{width: 100%;margin:0px;padding:0px} 
#sidebar-wrapper{width:100%;float:left;margin:0px;padding:0px}
#footer{width: 100%;margin:0px;padding:0px}

.post{padding:10px}
.post img{padding:0px}
img, iframe, embed, object{width: auto; max-width: 100%;} }

/* mobile */
.mobile #outer-wrapper{width: auto;max-width:740px;margin:0px auto;padding:0px}
.mobile #header-wrapper{margin:0px;padding:0px}
.mobile #main-wrapper{width: 100%;margin:0px;padding:0px} 
.mobile #sidebar-wrapper{width:100%;float:left;margin:0px;padding:0px}
.mobile #footer{width: 100%;margin:0px;padding:0px}

.mobile .post{padding:10px}
.mobile .post img{padding:0px}
.mobile .mobile-post-outer{border-bottom:dotted 1px #ddd;padding:0 10px}
.mobile .m-image{float:left;margin:0 5px 0 0;width:40px;height:40px}
.mobile .mobile-index-arrow{float:right;}